<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
            <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>收藏夹</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/personalcenter.css">
    <!-- [if IE 7] >
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endif]-->

</head>
<body style="background-color: #F5F5F5;">

<!-- [if lt IE 9]>
  <script src="../js/html5shiv.min.js"></script>
  <script src="../js/respond.min.js"></script>
<!-- [endif]-->

<!-- navbar start -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../personalcenter/">Miko Tong </a></li>
        <p class="navbar-text">您好！</p>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="./orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="./">个人中心</a></li>
                <li><a style="padding: 0" href="./bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="./orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="./updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="./userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="../shopping/cart(bingo).html">购物车<span class="badge aqua"></span></a></li>
        <li><a href="./collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav>
<!-- navbar end -->
<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-2 col-lg-2"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div>
    <!--row-search end-->
</div>

<!-- person-info start -->
<div class=" my-jumbotron jumbotron">
    <div id="backdiv" class="h2"><a href="./" class="h2">个人中心</a>&nbsp;-&nbsp;<a href="" class="h4">收藏夹</a></div>
    <div class="backimg">
        <div class="head-img-rect"></div>                   <!-- 箭头标签 -->
        <div class="head-img-circle"><img src="../imgs/personalcenter/head.png" class="img-circle img-thumbnail"></div>     <!-- 头像 -->
        <div><p class="user-info">Miko Tong</p></div>
        <div><p class="user-info">男</p></div>
        <div><p class="user-info">XXX大学</p></div>
    </div>
</div>
<!-- person-info end -->

<!-- content start -->
<div class="container">
    <div class="row">
        <div class="my-cols-right col-sm-3 col-lg-3 btn-group-vertical" role="group">
            <a href="bingo.html" class="mybtn-size btn btn-lg btn-default" >我的拼购</a>
            <a href="orders.html" class="mybtn-size btn btn-lg btn-default" >我的订单</a>
            <a href="../shopping/cart(bingo).html" class="mybtn-size btn btn-lg btn-default" >我的购物车</a>
            <a href="collect.html" class="mybtn-size btn btn-lg btn-default" >收藏夹</a>
            <a href="tickets.html" class="mybtn-size btn btn-lg btn-default" >我的券</a>
            <a href="" class="mybtn-size btn btn-lg btn-default" >晒单分享</a>
            <a href="addressmanage.html" class="mybtn-size btn btn-lg btn-default" >地址管理</a>
            <div class="mybtn-size btn btn-lg btn-default" id="set-account">账户设置 <i class="icon-caret-down"></i></div>
            <div onclick="window.location.href = 'updatepassword.html'" class="btn btn-lg btn-default change-pwd" style="display: none;">修改密码</div>
            <div onclick="window.location.href = 'userinfo.html'" class="btn btn-lg btn-default change-info" style="display: none;">修改资料</div>
            <div onclick="window.location.href = ''" class="btn btn-lg btn-default binding-account" style="display: none;">绑定帐号</div>
            <div style="background-color: RGB(244,166,36); height: 120px;"></div>

        </div><!--导航列表-->
        <!-- btn-group start -->
        <div class="all-width my-cols-right info-back-color back-margin-padding col-sm-9 col-lg-9">
        	<div class="row">
        		<div class="small-search col-sm-12 col-lg-12">
    				<!-- row-search start -->
    			    <div class="row">
                        <div class="small-search-a col-sm-6 col-lg-6 text-center">
                            <a class="collect-btn" href="#全部收藏">全部收藏</a>
                            <a class="collect-btn" href="#拼购收藏">拼购收藏</a>
                            <a class="collect-btn" href="#购物收藏">购物收藏</a>
				        </div>
				        <div class="col-sm-2 col-lg-2"></div>
				        <div class="col-sm-4 col-lg-4" role="form">
				            <form action="#" method="post" name="search" role="search">
				                <div class="input-group" style="padding: 10px 50px 0 0;">
				                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
				                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索收藏">
				                    <span class="input-group-btn"><input type="submit" value="搜索" class="btn my-btn-default-text my-btn-default-bgcolor btn-default"></span>
				                </div>
				            </form>
				        </div><!--搜索框表单-->
			   		</div>
			    	<!--row-search end-->
        		</div>
        	</div>
            <div class="row">
                <div class="btn-group-div-padding col-sm-offset-1 col-lg-offset-1 col-sm-12 col-lg-12">
                	<div class="col-sm-2 col-lg-2">
                		<p>商品状态</p>
                	</div>
                	<div class="goods-status btn-group col-sm-3 col-lg-3">
            		   <button disabled type="button" class="down-select btn">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
            		   <button type="button" class="down-select btn dropdown-toggle" data-toggle="dropdown">
            		      <span class="caret"></span>
            		      <span class="sr-only">切换下拉菜单</span>
            		   </button>
            		   <ul class="dropdown-menu" role="menu">
            		      <li><a href="#">最近一个月</a></li>
            		      <li><a href="#">最近三个月</a></li>
            		      <li><a href="#">最近半年</a></li>
            		      <li><a href="#">最近一年</a></li>
            		      <li class="divider"></li>
            		      <li><a href="#">全部</a></li>
            		   </ul>
            		</div>
            		<div class="col-sm-offset-1 col-lg-offset-1 col-sm-3 col-lg-3">
                    	<button type="button" class="btn-text icon-check-empty" id="select"> 全选</button>
            			<button class="btn-text icon-trash"> 删除</button>
            		</div>
                </div>
            </div>
            <!-- 拼购收藏夹 start -->
            <div class="row">
            	<div class="col-sm-12 col-lg-12">
            		<div class="collect-div-set col-sm-4 col-lg-4">
                        <div class="collect-info"><i class="icon-heart h3">&nbsp;&nbsp;1.6K</i></div>
            			<a href="#"><img src="../imgs/shopping/1-1.png" class="collect-img"></a><br>
            			<div class="text-center">
            			    <span style="color: RGB(244,166,36);">------<a href="#" style="font-weight: 700;font-size: 14px;">￥66.00</a>------</span><br>
                            <a href="#" style="color: rgb(126,122,122); font-size: 14px;"><span>文具</span>&nbsp;·&nbsp;<span>创意钢笔</span></a><br>
            			</div>
                        <div class="nav-justified">
                            <button class="btn-text  icon-check-empty pull-left select"></button>
                            <button class="btn-text icon-trash pull-right"></button>
                        </div>
            		</div>
            		<div class="collect-div-set col-sm-4 col-lg-4">
                        <div class="collect-info"><i class="icon-heart h3">&nbsp;&nbsp;832</i></div>
                        <a href="#"><img src="../imgs/shopping/1-2.png" class="collect-img"></a><br>
                        <div class="text-center">
                            <span style="color: RGB(244,166,36);">------<a href="#" style="font-weight: 700;font-size: 14px;">￥120.00</a>------</span><br>
                            <a href="#" style="color: rgb(126,122,122); font-size: 14px;"><span>台灯</span>&nbsp;·&nbsp;<span>森林宠物</span></a><br>
                        </div>
                        <div class="nav-justified">
                            <button class="btn-text  icon-check-empty pull-left  select"></button>
                            <button class="btn-text icon-trash pull-right"></button>
                        </div>
                        <div style="position: absolute;"></div>
            		</div>
            		<div class="collect-div-set col-sm-4 col-lg-4">
                        <div class="collect-info"><i class="icon-heart h3">&nbsp;&nbsp;1.1K</i></div>
                        <a href="#"><img src="../imgs/shopping/1-3.png" class="collect-img"></a><br>
                        <div class="text-center">
                            <span style="color: RGB(244,166,36);">------<a href="#" style="font-weight: 700;font-size: 14px;">￥88.00</a>------</span><br>
                            <a href="#" style="color: rgb(126,122,122); font-size: 14px;"><span>闹钟</span>&nbsp;·&nbsp;<span>云朵</span></a><br>
                        </div>
                        <div class="nav-justified">
                            <button class="btn-text  icon-check-empty pull-left  select"></button>
                            <button class="btn-text icon-trash pull-right"></button>
                        </div>
            		</div>
            	</div>
            </div>
            <!-- 拼购收藏夹 end -->

            <!-- 购物收藏夹 start -->
            <div class="row">
            	<div class="col-sm-12 col-lg-12">
            		<div class="collect-div-set col-sm-4 col-lg-4">
            			<img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
            			<div class="collect-a text-center">
                            <button class="icon-check-empty btn-text pull-left select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
            			<a href="#">￥165.00</a>
            			<button class="btn-text icon-trash"></button>
            			</div><br>
            			<div>参与人数&nbsp;&nbsp;<span><a>165</a></span>
            				<div class="btn button-set pull-right">点击抢购</div>
            			</div>
            		</div>
            		<div class="collect-div-set col-sm-4 col-lg-4">
            			<img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
            			<div class="collect-a">
                            <button class="pull-left btn-text icon-check-empty select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
            			<a href="#">￥165.00</a>
            			<button class="btn-text icon-trash"></button>
            			</div><br>
            			<div>参与人数&nbsp;&nbsp;<span><a href="#">165</a></span>
                            <div class="btn button-set pull-right">点击抢购</div>
            			</div>
            		</div>
            		<div class="collect-div-set col-sm-4 col-lg-4">
            			<img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
            			<div class="collect-a">
                            <button class="pull-left btn-text icon-check-empty select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
            			<a href="#">￥165.00</a>
            			<button class="btn-text icon-trash"></button>
            			</div><br>
            			<div>参与人数&nbsp;&nbsp;<span><a href="#">1650</a></span>
                            <div class="btn button-set pull-right">点击抢购</div>
            			</div>
            		</div>
            	</div>
            </div>
            <!-- 购物收藏夹 end -->

            <!-- 失效收藏夹 start -->
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="collect-div-set col-sm-4 col-lg-4">
                        <img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
                        <div class="collect-a">
                            <button class="pull-left btn-text icon-check-empty select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
                        <a href="#">￥165.00</a>
                        <button class="btn-text icon-trash"></button>
                        </div><br>
                        <div>
                            <button class="button-fail">&nbsp;失&nbsp;效&nbsp;</button>
                        </div>
                    </div>
                    <div class="collect-div-set col-sm-4 col-lg-4">
                        <img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
                        <div class="collect-a">
                            <button class="pull-left btn-text icon-check-empty select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
                        <a href="#">￥165.00</a>
                        <button class="btn-text icon-trash"></button>
                        </div><br>
                        <div>
                            <button class="button-fail">&nbsp;失&nbsp;效&nbsp;</button>
                        </div>
                    </div>
                    <div class="collect-div-set col-sm-4 col-lg-4">
                        <img src="../imgs/personalcenter/smart_img.png" class="collect-img"><br>
                        <div class="collect-a">
                            <button class="pull-left btn-text icon-check-empty select"></button>
                            <a href="#">这是一件神奇的衣服</a><br>
                        <a href="#">￥165.00</a>
                        <button class="btn-text icon-trash"></button>
                        </div><br>
                        <div>
                            <button class="button-fail">&nbsp;失&nbsp;效&nbsp;</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 失效收藏夹 end -->
        </div>
    </div>
    <!-- btn-group end -->
</div>
<!-- content end -->

<div class="container">
    <!-- 猜你喜欢 start -->
    <div class="row">
        <div class="btn-habit-bar col-sm-offset-3 col-lg-offset-3 btn-group col-sm-9 col-lg-9">
            <button type="button" class="btn habit btn-default">猜你喜欢的商品</button>
            <button type="button" class="btn habit btn-default">猜你喜欢的拼购</button>
            <button type="button" class="btn habit btn-default">最近浏览</button>
            <button type="button" class="btn habit btn-default">最近收藏</button>
        </div>
    </div>
    <div class="row">
        <div class="btn-habit-img col-sm-offset-3 col-lg-offset-3 col-sm-9 col-lg-9">
            <div class="col-sm-3 col-lg-3 my-goods">
                <div title="(第3期) Apple iPad mini 3 16G WIFI版" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-1.png" alt="">
                    <span><nobr>(第3期) Apple iPad mini 3 16G WIFI版</nobr></span></a>
                </div>
                <a class="btn my-btn-default-bgcolor button-set pull-right">查看</a>
            </div>
            <div class="col-sm-3 col-lg-3 my-goods">
                <div title="（第3期） 魅族MX5全金属手机" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/手机平板/1-4.png" alt="">
                        <span><nobr>（第3期） 魅族MX5全金属手机</nobr></span></a>
                </div>
                <a class="btn my-btn-default-bgcolor button-set pull-right">查看</a>
            </div>


            <div class="col-sm-3 col-lg-3 my-goods">
                <div title="（第8期）联想 Yoga3 13.3英寸笔记本电脑" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/电脑办公/2-4.png" alt="">
                        <span><nobr>（第8期）联想 Yoga3 13.3英寸笔记本电脑</nobr></span></a>
                </div>
                <a class="btn my-btn-default-bgcolor button-set pull-right">查看</a>
            </div>
        </div>
    </div>
    <!-- 猜你喜欢 end -->
</div>

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->
<script src="../js/jquery-2.1.4.min.js"></script><!--javascript放在后面可以提高网页加载-->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/myJs.js"></script>
<script src="../js/personalcenter.js"></script>
</body>
</html>